<div class="cycle-container" *ngIf="slides?.length>0">
  <div class="cycle-wrapper" id="wrapper" [style.width]="100*slides?.length+'%'" #wrapper  (swipeleft)="handleSwipe($event.type)" (swiperight)="handleSwipe($event.type)">
    <div class="cycle-slide" *ngFor="let slide of slides"       (click)="goToTarget(slide)">
      <div class="banner" [style.background]=" 'url('+ slide?.contentUrl +') no-repeat center center/cover ' | safeStyle ">
      </div>
      <h3 class="title">
        <span>
          {{slide?.adsTitle }}
      </span>
      </h3>
    </div>
  </div>
  <div class="cycle-pagination" *ngIf="slides?.length>1">
    <div class="cycle-pagination-bullet" *ngFor="let slide of slides;let i =index" [class.active]="i===index" (click)="clickSlide(i)"></div>
  </div>
</div>
